ul.no-bullet {
  list-style-type: none;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-help {
  cursor: help;
}

@each $type in row, column {
  .flex-gap,
  .flex-gap-#{$type} {
    &-small {
      #{$type}-gap: 4px;
    }

    & {
      #{$type}-gap: 8px;
    }

    &-large {
      #{$type}-gap: 16px;
    }
  }
}

.wrap-word {
  overflow-wrap: break-word !important;
}

.wrap-anywhere {
  overflow-wrap: anywhere !important;
}

.text-noselect {
  -webkit-touch-callout: default; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.text-select {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.inherit-bg {
  background-color: inherit !important;
}

/* scrollbar */
::-webkit-scrollbar {
  width: 6px;
  background: background-color;
}
::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: #6b7280;
}

/* iOS PWA */
.ios-padding {
  padding-top: calc(env(safe-area-inset-top) * 0.5);
}

.ios-margin {
  margin-top: calc(env(safe-area-inset-top) * 0.5);
}
